{extend name="v1/layout/base"}
{block name="content"}
<div class="layuimini-main">

  <fieldset class="table-search-fieldset xk-search-status" id="xk-search-status">
    <legend>搜索信息</legend>
    <div style="margin: 10px 10px 10px 10px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6 xz_width">
          <form class="layui-form">
            <div class="layui-card-body layui-form layui-form-pane">
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">搜索关键词</label>
                  <div class="layui-input-block">
                    <input type="text" name="keywords" placeholder="昵称/会员号/订单号" id="keywords" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">是否出账</label>
                  <div class="layui-input-block">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="is_finance" value="0" title="未出账">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="is_finance" value="1" title="出账成功">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">创建时间</label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input" autocomplete="off" id="search_time" placeholder="请选择对应的创建时间范围">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">出账时间</label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input" autocomplete="off" id="finance_time" placeholder="请选择对应的创建时间范围">
                  </div>
                </div>
              </div>
              <div class="layui-row">
                <div class="layui-col-xs4">&nbsp;</div>
                <div class="layui-col-xs4">
                  <button type="reset" class="layui-btn layui-btn-primary  xk-refresh"><i class="fa fa-refresh"></i>&nbsp;重置</button>
                  <button type="button" class="layui-btn layui-btn-normal xk-dosearch">搜索<i class="layui-icon"></i></button>
                  <button type="button" class="layui-btn layui-btn-primary close-search"><i class="layui-icon">&#x1007;</i>关闭</button>
                </div>
                <div class="layui-col-xs4">&nbsp;</div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </fieldset>

  <script type="text/html" id="toolbar">
    <div class="layui-btn-container">
      <button class="layui-btn layui-btn-black  layui-btn-sm" lay-event="reseve"><i class="layui-icon">&#xe63d;</i></button>
      <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="export"><i class="layui-icon">&#xe67d;</i>导出筛选后的数据</button>
      <div class="money_all"></div>
    </div>
  </script>

  <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
</div>
{/block}
{block name="myScript"}
<script>
  layui.use(['form', 'table', 'laydate'], function() {
    var $ = layui.jquery,
      form = layui.form,
      table = layui.table;
    var laydate = layui.laydate;
    laydate.render({
      elem: '#search_time',
      range: '~',
      theme: '#1E9FFF',
      type: 'datetime'
    });
    laydate.render({
      elem: '#finance_time',
      range: '~',
      theme: '#1E9FFF',
      type: 'datetime'
    });
    table.render({
      elem: '#currentTableId',
      url: '/{:config("manage.manage_name")}/{:config("manage.version")}/Finance/agencyMoneyLog',
      toolbar: '#toolbar',
      defaultToolbar: ['filter', {
        title: '搜索',
        layEvent: 'search',
        icon: 'layui-icon-search'
      }],
      height: 'full-50',
      cols: [
        [{
            field: 'user_name',
            width: '10%',
            title: '会员昵称'
          },
          {
            field: 'user_sn',
            width: '10%',
            title: '会员号'
          },
          {
            field: 'sub_order_sn',
            width: '15%',
            title: '关联单号'
          },
          {
            field: 'type',
            width: '10%',
            title: '类型'
          },
          {
            field: 'money',
            width: '10%',
            title: '佣金金额'
          },
          {
            field: 'achievement_price',
            width: '10%',
            title: '业绩金额'
          },
          {
            field: 'finance_txt',
            width: '10%',
            title: '是否出账'
          },
          {
            field: 'content',
            width: '25%',
            title: '备注'
          },
          {
            field: 'create_time',
            width: '15%',
            title: '创建时间'
          },
          {
            field: 'finance_time',
            width: '15%',
            title: '出账时间'
          }
        ]
      ],
      done: function (res, curr, count) {
        $(".money_all").html(res.resultData.show_count);
      },
      limits: [100, 150, 200, 250, 500, 1000],
      limit: 100,
      id: 'table_ids',
      page: true,
      skin: 'line'
    });
    // 顶部操作工具
    table.on('toolbar(currentTableFilter)', function(obj) {
      var url = $(this).attr('data-url');
      switch (obj.event) {
        case 'reseve':
          table.reload('table_ids');
          break;
        case 'export':
          var keywords = $("#keywords").val(),
            is_finance = '',
            is_finance_arr = [],
finance_time = $("#finance_time").val()
            search_time = $("#search_time").val();
            url = "/{:config('manage.manage_name')}/{:config('manage.version')}/Finance/exportAgencyMoneyLog";
            $("input[name=is_finance]:checked").each(function() {
              is_finance_arr.push($(this).val());
            });
            is_finance = is_finance_arr.join(',');
          https(url, {
            keywords: keywords,
            is_finance: is_finance,
            search_time: search_time,
            finance_time:finance_time
          }, 'post', true, '正在执行财务数据导出').then(res => {
            if (res.result_code == 200) {
              var html = '<h1 style="padding: 0 20px;color:red;font-size:18px;margin-bottom:15px;">如果数据量大于1万条系统自动分表导出</h1>';
              res.resultData.forEach(function(value, index) {
                html += '<h2 style="padding: 0 20px;font-size:16px;">第' + (index + 1) + '个订单文件：<a href="' + value + '">' + '下载' + '</a></h2>';
              })
              layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['400px', '200px'], //宽高
                content: html
              });
            }
          })
          break;
        case 'search':
          $("#xk-search-status").removeClass('xk-search-status');
          break;
      }
    })
    // 执行搜索
    $(".xk-dosearch").click(function() {
      var keywords = $("#keywords").val(),
        is_finance = '',
        is_finance_arr = [],
        finance_time = $("#finance_time").val(),
        search_time = $("#search_time").val();
        $("input[name=is_finance]:checked").each(function() {
          is_finance_arr.push($(this).val());
        });
        is_finance = is_finance_arr.join(',');
      table.reload('table_ids', {
        page: {
          curr: 1
        },
        where: {
          keywords: keywords,
          is_finance: is_finance,
          finance_time:finance_time,
          search_time: search_time,
        }
      }, 'data');
    })
  });
</script>
{/block}
